<template>
   <div class="check">
     <div class="notice">
     <h3 class="title">用户须知</h3>
       <!--
        <p>为提供核酸检测开单缴费的快速通道，减少您的往返次数，我院特开发本功能。请您按如下时间至核酸采样点（住院部一楼大厅）采样：周一到周五 上午8：0到11：30  下午13:00答16:30；周六、周天上午8:00到11:00，下午暂停采样。节假日另行通知。</p>
       -->
       <div class="text" v-html="appInfo.notify.value"></div>
       <div class="check-notice">
         <van-checkbox v-model="checked" shape="square" checked-color="#4ECE40">我已阅读用户须知</van-checkbox>
      </div>

       <van-button color="#4ECE40" block @click="handleSure">确定</van-button>
       <van-button color="#EEEEEE" block to="/user/index">取消</van-button>
     </div>
   </div>
</template>

<script>
import { mapGetters } from 'vuex';

export default {
   data () {
      return {
        checked: false
      };
   },

   components: {},

   computed: {},

  computed: {
    ...mapGetters(["appInfo"]),
  },

   methods: {
     handleSure(){
       if(!this.checked){
         return this.$toast('请勾选用户协议')
       }
       this.$router.push({
         path: '/user/covid/form'
       })
     }
   }
}
</script>
<style lang='less'>
.check{
  font-size: 14px;
  .title{
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
  }
  p{
    color: #999;
  }
  .check-notice{
    padding: 30px 0;
  }
  .notice{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px;
    font-size: 14px;
    line-height: 1.5;
    .van-button{
      margin-bottom: 15px;
    }
  }
}
</style>